<!DOCTYPE html>
<html lang="es" ng-app="cajaApp">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=8,9">
        <title>S.Financiero</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="icon" href="favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" href="styles/main.css">
        <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
        <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="bower_components/ng-grid/ng-grid.css">
        <link rel="stylesheet" href="bower_components/angular-dialog-service/dialogs.css">
        <link rel="stylesheet" href="bower_components/ngProgress/ngProgress.css">
        <link rel="stylesheet" href="bower_components/angular-block-ui/angular-block-ui.css">

        <script type="text/javascript" src="bower_components/jquery/jquery.js"></script>
        <script type="text/javascript" src="bower_components/angular/angular.js"></script>
        <script type="text/javascript" src="bower_components/angular/angular-sanitize.js"></script>
        <script type="text/javascript" src="bower_components/angular/angular-cookies.js"></script>
        <script type="text/javascript" src="bower_components/angular-ui-router/angular-ui-router.js"></script>
        <script type="text/javascript" src="bower_components/restangular/restangular.js"></script>
        <script type="text/javascript" src="bower_components/restangular/underscore-min.js"></script>
        <script type="text/javascript" src="bower_components/ui-bootstrap/ui-bootstrap-tpls-0.11.0.js"></script>
        <script type="text/javascript" src="bower_components/ng-grid/build/ng-grid.js"></script>
        <script type="text/javascript" src="bower_components/ng-grid/plugins/ng-grid-layout.js"></script>
        <script type="text/javascript" src="bower_components/ngProgress/ngProgress.min.js"></script>
        <script type="text/javascript" src="bower_components/angular-block-ui/angular-block-ui.js"></script>
        <script type="text/javascript" src="bower_components/ui-utils-0.1.1/ui-utils.js"></script>
        <script type="text/javascript" src="bower_components/ui-utils-0.1.1/ui-utils-ieshiv.js"></script>
        <script type="text/javascript" src="bower_components/angular-dialog-service/dialogs.js"></script>
        <script type="text/javascript" src="bower_components/ng-flow/dist/ng-flow.js"></script>
        <script type="text/javascript" src="bower_components/ng-flow/dist/ng-flow-standalone.js"></script>
        <script type="text/javascript" src="bower_components/ng-focus-on/ng-focus-on.js"></script>

        <script type="text/javascript" src="modules/common/scripts/services.js"></script>
        <script type="text/javascript" src="modules/common/scripts/controller.js"></script>
        <script type="text/javascript" src="modules/common/scripts/common.js"></script>

        <script type="text/javascript" src="modules/caja/scripts/controller.js"></script>
        <script type="text/javascript" src="modules/caja/scripts/controllerModuloSocio.js"></script>
        <script type="text/javascript" src="modules/caja/scripts/services.js"></script>
        <script type="text/javascript" src="modules/caja/scripts/controllerCrearTransaccionBancaria.js"></script>
        <script type="text/javascript" src="modules/caja/scripts/caja.js"></script>

    </head>
    <body style="padding-top: 70px;">

    <div class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <img alt="Google AdSense" src="images/logo.png">
                </a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li ui-sref-active="active" class="active">
                        <a href="#" ui-sref="index">Página Principal</a>
                    </li>
                    <li ui-sref-active="active">
                        <a href="#contact" ui-sref="app.caja">Caja</a>
                    </li>
                    <li ui-sref-active="active">
                        <a href="#about" ui-sref="app.transaccion">Transacciones</a>
                    </li>
                    <li ui-sref-active="active">
                        <a href="#contact" ui-sref="app.socio">Socios</a>
                    </li>
                    <li ui-sref-active="active" ng-class="{active: $state.includes('app.administracion.*')}">
                        <a href="#contact" ui-sref="app.administracion">Administracion</a>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right" ng-controller="cajaNavbarController">
                    <li style="height: 50px;">
                        <a style="color: #333;">
                            <span ng-show="cajaSession.abierto && cajaSession.estadoMovimiento" ng-cloak class="label label-info">Abierto</span>
                            <span ng-show="cajaSession.abierto && !cajaSession.estadoMovimiento" ng-cloak class="label label-warning">Congelado</span>
                            <span ng-show="!cajaSession.abierto" ng-cloak class="label label-danger">Cerrado</span>
                            <strong><span ng-bind="cajaSession.denominacion"></span></strong>
                        </a>
                    </li>
                    <li>
                        <a>||</a>
                    </li>
                    <li>
                        <a><span ng-bind="usuarioSession"></span></a>
                    </li>
                    <li>
                        <a class="gwt-Anchor  sf-notification-image" style="padding-right: 30px"></a>
                    </li>
                    <li>
                        <a class="gwt-Anchor  sf-config-image" style="padding-right: 30px"></a>
                    </li>
                    <li>
                        <a class="gwt-Anchor  sf-alert-image" style="padding-right: 30px"></a>
                    </li>
                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </div>

    <div class="alert alert-danger" ng-show="cajaSession.denominacion == 'undefined'" ng-cloak style="border-radius: 0px; margin-top: -19px;">
        <p><strong>Warning:</strong>No se pudo cargar la <strong>CAJA</strong> para el usuario ingresado, no podrá realizar transacciones</p>
    </div>

    <div class="container">
        <div class="row" ui-view>

        </div>
    </div>

    </body>
</html>